<template>
     <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="ht-not-found not-found-default">
          <div class="content">
            <img :src="not" alt="404 image" width="calc(100vh * .5)" height="428" />
            <h2>噢！找不到页面。</h2>
            <el-button type="text" @click="back">返回上一页</el-button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<style  scoped>
.content {
	        width: 30%;
	        margin: 5rem auto;
	    }
	
	    .content img {
	        width: 30rem;
	    }
	
	    .content a {
	        color: #010101;
	    }
	
	    .content a:hover {
	        color: skyblue;
	    }
 
</style>
<script>

export default {
    data(){
        return{
            not:require("../assets/imgs/404.png")
        }
    },
    methods:{
        back(){
            this.$router.push("/healthy")
        }
    }
}
</script>

